<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图标字体</title>
    <link rel="stylesheet" href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>
    <span class="fa fa-camera-retro"></span> fa-camera-retro <br/>
    <i class="fa fa-camera-retro"></i> fa-camera-retro <br/>


    <button><i class="fa fa-camera-retro"></i> 这是按钮</button>

    <ul class="fa-ul">
        <li><i class="fa-li fa fa-check-square"></i>List icons</li>
        <li><i class="fa-li fa fa-camera-retro"></i>can be used</li>
        <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
        <li><i class="fa-li fa fa-square"></i>in lists</li>
        <li><i class="fa-li fa fa fa-balance-scale"></i>in lists</li>
    </ul>

    <hr>
    <p>
        <a href="https://www.thinkcmf.com/font_awesome.html" target="_blank">字体样式文件（第三方类库）</a>
    </p>

</body>

</html>